/* 全局样式 */
/* 清除内外边距 */
*{
	margin: 0px;
	padding: 0px;
}
/* 清除下划线 */
a{
	text-decoration: none;
}
/* 清除列表前面的点 */
li{
	list-style: none;
}
/* 图片的基线对齐底部 */
img{
	vertical-align: bottom;
}

/* 良仓头部 */
header{
	width: 100%;
	background-color: #25292E;
}
/* 头部版心 */
.header-content{
	width: 1000px;
	height: 56px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
/* 头部左侧logo */
.header-left-logo{
	width: 95px;
	height: 38px;
}
.header-left-logo>a{
	display: block;
	width: 95px;
	height: 38px;
	background: url(../img/icon.png) no-repeat;
}
/* 头部右侧顶部导航栏 */
.header-right-top-nav{
	height: 100%;
}
.right-top-nav{
	width: 100%;
	height: 100%;
	display: flex;
}
.right-top-nav>li{
	height: 56px;
	line-height: 56px;
}
.right-top-nav>li>a{
	color: #666666;
	font-size: var(--font-12);
}
.right-top-nav>.top-nav-line{
	width: 1px;
	height: 8px;
	background: #525961;
	margin-top: 26px;
}
/* 分别设置外边距调整*/
.loginBtn{
	padding-left:15px;
}
.registerBtn{
	padding:0 15px 0 8px;
	
}
.shopping-cart{
	padding:0 15px;
}
.message{
	padding:0 15px;
}
.add{
	padding:0 0 0 15px;
}
.agreement{
	padding:0 0 0 15px;
}
/* 登录注册的颜色 */
.loginBtn{
	color: #ccc !important;
}
.registerBtn{
	color: #ccc !important;
}
/* 设置顶部导航栏的伪类变颜色 */
.shopping-cart:hover>a{
	color: #ccc;
}
.message:hover>a{
	color: #ccc;
}
.add:hover>a{
	color: #ccc;
}
.agreement:hover>a{
	color: #ccc;
}
/* 购物车和消息下拉菜单 */

/* 购物车下拉菜单 */
.shopping-cart{
	position: relative;
}
.shopping-cart-list{
	position: absolute;
	left: 0px;
	top: 56px;
	width:320px;
	display: none;
	z-index: 999;
}
.cart-list-top{
	width: 100%;
	height: 70px;
	background: #292F34;
	text-align: center;
	line-height: 70px;
	color: #ccc;
}
.cart-list-bottom{
	width: 100%;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background: #7dbfde;
	color: #fff;
}
.cart-list-top>a{
	color: #ccc;
}
.cart-list-bottom>a{
	color: #fff;
}
.cart-list-bottom:hover{
	background: #96C8E0; 
}

/* 消息下拉菜单 */
.message{
	position: relative;
}
.message-list{
	position: absolute;
	left: 0px;
	top: 56px;
	width: 190px;
	line-height: 44px;
	background: #292F34;
	display: none;
	z-index: 999;
}
.message-list>a{
	display: block;
	width: 100%;
	height: 44px;
	color: #ccc;
	font-size: var(--font-12);
	border-bottom: 1px solid #3f4449;
	box-sizing: border-box;
	padding: 0 15px;
}
.message-list>a>span{
	float: right;
}
.message-list>a:hover{
	background: #2E353D;
}
/* 购物车和消息下拉菜单的悬浮显示与隐藏 */
.shopping-cart:hover .shopping-cart-list{
	display: block;
}
.shopping-cart:hover{
	background: #292F34;
}

.message:hover .message-list{
	display: block;
}
.message:hover{
	background: #292F34;
}
/* 导航栏 */
nav{
	
}
.nav-content{
	width: 1000px;
	height: 50px;
	margin: 0 auto;
	box-sizing: border-box;
	border-bottom: 4px solid #ededed;
	position: relative;
}
.nav-content>ul{
	display: flex;
	height: 100%;
}
.nav-content>ul>li{
	height: 100%;
	flex:1;
	margin: 0 10px;
}
.nav-content>ul>li:last-child{
	flex:2;
	margin: 0;
}
.nav-content>ul>li:first-child{
	margin: 0;
}
.nav-content>ul>li>a{
	display: block;
	height: 100%;
	text-align: center;
	line-height: 46px;
	font-size: var(--font-15);
	color: #333;
}
.nav-content>ul>li:nth-child(1)>a{
	border-bottom: 4px solid #25292e;
}
.nav-content>ul>li>a:hover{
	border-bottom: 4px solid #25292e;
}
.nav-search{
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.nav-search:hover{
	border-bottom: 4px solid #25292e;
}
.nav-search>input{
	position: relative;
	top: 10px;
	width: 188px;
	height: 30px;
	line-height: 30px;
	padding-left: 4px;
	border: none;
	color: #666;
}
.nav-search>input:focus {
    outline: none; /* 取消默认的轮廓样式 */
}
.nav-search>a{
	width: 33px;
	height: 30px;
	background: url(../img/icon.png) -167px -145px;
}
/* 导航栏 商店 杂志 分享下拉菜单 */

/* 商店下拉菜单 */
.nav-shop-list{
	width: 1000px;
	position: absolute;
	left: 0px;
	top: 50px;
	padding: 30px 0px;
	background: #fff;
	border-bottom: 1px soild #666;
	display: none;
	z-index: 666;
}
.shop-list-left{
	width: 750px;
}
.shop-list-left>ul{
	display: flex;
	flex-wrap: wrap;
}
.shop-list-left>ul>li{
	width: 100px;
	margin-bottom: 30px;
}
.shop-list-left>ul>li>img{
	width: 40px;
}
.shop-list-left>ul>li>a{
	display: block;
	width: 40px;
	text-align: center;
	color: #4d4d4d;
	font-size: var(--font-14);
	font-weight: 800;
}
.shop-list-right{
	width: 250px;
	position: absolute;
	right: 0px;
	top: 30px;
}
.shop-list-right>img{
	width: 100%;
}
.shop-list-right>a{
	display: block;
	padding: 15px 0;
	color: #4d4d4d;
	font-size: var(--font-14)
}
.shop-list-bottom{
	padding-top: 150px;
}
.shop-list-bottom>a{
	color: #666;
	font-size: var(--font-14)
}
/* 杂志下拉菜单 */
.nav-magazine-list{
	width: 1000px;
	position: absolute;
	left: 0px;
	top: 50px;
	padding: 10px 0px 30px 0px;
	background: #fff;
	border-bottom: 1px soild #666;
	display: none;
	z-index: 666;
}
.nav-magazine-list>ul{
	display: flex;
	flex-wrap: wrap;
}
.nav-magazine-list>ul>li{
	margin-right: 70px;
	margin-top: 20px;
}
.nav-magazine-list>ul>li>a{
	font-size: var(--font-12);
	color: #666;	
}
/* 分享下拉菜单 */
.nav-share-list{
	width: 1000px;
	position: absolute;
	left: 0px;
	top: 50px;
	padding: 10px 0px 30px 0px;
	background: #fff;
	border-bottom: 1px soild #666;
	display: none;
	z-index: 666;
}
.nav-share-list>ul{
	display: flex;
	flex-wrap: wrap;
}
.nav-share-list>ul>li{
	margin-right: 70px;
	margin-top: 20px;
}
.nav-share-list>ul>li>a{
	font-size: var(--font-12);
	color: #666;	
}
/* 导航栏商店下拉菜单悬浮显示 */
.nav-shop:hover .nav-shop-list{
	display: block;
}
/* 导航栏杂志下拉菜单悬浮显示 */
.nav-magazine:hover .nav-magazine-list{
	display: block;
}
/* 导航栏分享下拉菜单悬浮显示 */
.nav-share:hover .nav-share-list{
	display: block;
}
